.content {
    width : 100%;
    height: auto;

    .clearfix {
        zoom: 1
    }

    .clearfix:after {
        content   : '';
        display   : block;
        clear     : both;
        height    : 0;
        visibility: hidden;
    }

    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    .bannerBox {
        width          : 100%;
        height         : 240px;
        background     : url('../../assets/images/banner.png') no-repeat;
        background-size: 100% 100%;
        overflow       : hidden;
        padding-top    : 78px;

        .bannerTitle {
            text-align: center;
            color     : #fff;

            p {
                margin-bottom: 0;

                &:first-child {
                    font-size  : 40px;
                    font-weight: 500;
                    line-height: 56px;
                }

                &:last-child {
                    margin-top : 10px;
                    font-size  : 20px;
                    line-height: 28px;
                }
            }
        }
    }

    .chartList {
        width : 80%;
        height: auto;
        margin: 20px auto;

        .chartBox {
            width : 100%;
            height: 400px;

            .chart {
                width        : 100%;
                height       : 320px;
                border-radius: 5px 5px 0 0;
                background   : #000;
            }

            .chartTitle {
                width        : 100%;
                height       : 80px;
                text-align   : center;
                font-size    : 40px;
                line-height  : 80px;
                border-radius: 0 0 5px 5px;
                border       : 1px solid #44C5BB;
                color        : #00B5C1;
                background   : #fff;
                border-top   : none
            }
        }
    }

}